<template>
  <div class="icon">
    <p><span :class="icon"></span></p>
    <p>{{content}}</p>
  </div>
</template>

<script>
export default {
  props:['content','icon','color']
}
</script>

<style scoped>
.icon{
  width:0.56rem;
  height:0.56rem;
  margin-top:0.03rem;
  box-sizing: border-box;
  padding-top:0.05rem
}
.icon p{
  font-size:0.12rem;
  text-align: center;
}
span{
  font-size:0.30rem
}
</style>